<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        //      *
        //     **
        //    ***
        //   ****
        //  *****


        // 22221
        // 22211
        // 22111
        // 21111
        // 11111

        // 重复的做三件事情
        //   1 打印2    多个2
        //   2 打印1    多个1
        //   3 打印换行  一个换行

        // 打印5行 0-4 
        for(var i = 0 ; i < 5 ; i++) {


            // 1 打印2  2的个数就是  5 - i - 1
            for(var j = 0 ; j < 5 - i - 1 ; j++) {
                document.write(2) ;
            }


            // 2 打印1   1的个数跟行数是一样的
            for(var k = 0 ; k <= i ; k++) {
                document.write(1) ;
            }


            // 3 打印换行
            document.write('<br>') ;
        }


    </script>
    
</body>
</html>